<!doctype html>
<html>

<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <title>我的门票</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <script type="text/javascript" src="{:sysconf('cdn_url')}/vote/index/jquery-2.1.3.min.js"></script>
    <script src="{:sysconf('cdn_url')}/vote/list/layui/layui.js"></script>
    <link href="{:sysconf('cdn_url')}/vote/list/layui/css/layui.css" rel="stylesheet" type="text/css">

</head>

<style>
    .slider {
        display: none;
    }

    .focus span {
        width: 5px;
        height: 5px;
        margin-left: 5px;
        border-radius: 50%;
        background: #CDCDCD;
        font-size: 0
    }

    .focus span.current {
        background: red;
    }

    .m_head {
        width: 100%;
    }

    .m_head img {
        width: 100%;
        display: block;
    }
</style>

<header>
    <div class="m_head clearfix">
        <!--{if count($banner)<2}-->
        <!--{if isset($banner[0]['pic'])}-->
        <img style="width: 100%" src="{$banner[0]['pic']}" alt="">
        <!--{/if}-->
        <!--{else}-->
        <div class="slider">
            <ul>
                <!--{if !empty($banner)}-->
                {foreach $banner as $one}
                <li><a href="#"><img src="{$one.pic}"/></a></li>
                {/foreach}
                <!--{/if}-->
            </ul>
        </div>
        <!--{/if}-->
    </div>
</header>

<body style="background-color:rgba(106,168,79,1);">
<div class="boxbg">

    <div class="about_box" style="text-align: center;margin-top: 50px">
        <section>
            <h2 style="color:white;text-align: center;margin-bottom: 30px">我的{if $myreg['cate_id']==1}开幕式门票{elseif $myreg['cate_id']==2}音乐节门票{else}公益健康跑报名凭证{/if}</h2>
            <div class="form-group">
                <img src="https://api.51lyh.com/qr/qrcode.php?url={$myreg.info2}"
                     style="box-shadow:15px 15px 15px #271b1b;;">
            </div>

            <h2 style="color:white;text-align: center;margin-top: 30px">状态：{$myreg['status']==1?"<font color='black'>无效</font>":"有效"}</h2>

        </section>

    </div>


</div>

{include file="ticket/footer"/}

<script type="text/javascript" src="{:sysconf('cdn_url')}/vote/xlj2021/slider/yxMobileSlider.js"></script>
<script type="text/javascript">
    $(".slider").yxMobileSlider({during: 5000, width: 720, height: 400});   //height可以设置首页幻灯片高度
</script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '{$signPackage.appId}', // 必填，公众号的唯一标识
        timestamp: "{$signPackage.timestamp}", // 必填，生成签名的时间戳
        nonceStr: '{$signPackage.nonceStr}', // 必填，生成签名的随机串
        signature: '{$signPackage.signature}',// 必填，签名，见附录1
        jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });

    wx.ready(function () {
        wx.error(function (res) {
            console.log(res);
        });
        //朋友圈
        wx.onMenuShareTimeline({
            title: "我的门票", // 分享标题
            link: "{$current_url}", // 分享链接
            imgUrl: "{$config.share_logo}", // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });

        //分享给朋友
        wx.onMenuShareAppMessage({
            title: "我的门票", // 分享标题
            desc: "{:htmlspecialchars($config.title)}", // 分享描述
            link: "{$current_url}", // 分享链接
            imgUrl: "{$config.share_logo}", // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
    });
</script>

</body>

</html>